import { Tabs } from "antd-mobile"
import React from "react"
import ProcessingList from "./processing-list"
import DeliveringList from "./delivering-list"
import DoneList from "./done-list"
import './index.css'
import AfterSaleList from "./after-sale-list"

const Home: React.FC = () => {
    return (
        <><Tabs>
        <Tabs.Tab title='进行中' key='process'>
          <ProcessingList />
        </Tabs.Tab>
        <Tabs.Tab title='配送中' key='deliver'>
          <DeliveringList />
        </Tabs.Tab>
        <Tabs.Tab title='已送达' key='done'>
          <DoneList />
        </Tabs.Tab>
        <Tabs.Tab title='售后' key='aftersale'>
          <AfterSaleList />
        </Tabs.Tab>
      </Tabs></>
    )
}

export default Home